<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>代客下单</title>
<link type="text/css" href="../css/reset.css" rel="stylesheet" />
<link type="text/css" href="../css/public.css" rel="stylesheet" />
<link type="text/css" href="../css/style.css" rel="stylesheet" />
<link type="text/css" href="../css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
  <script src="../js/jquery.min.js?v=2.1.4"></script>
<script src="../js/core.js"></script>
<script src="../js/20.3.0daikexiadan.js"></script>
</head>

<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">代客下单</h1>
        <a href="20.3.5daikexiadan_lishidingdan.html" class="p_header_right">历史订单</a> 
    </header>
</div>
<!--代客下单-->
<!--商品选择-->
<div class="sell_daike_sp mid-width"  id="shangpingxinxi">
	
</div>
<div class="sell_zhuangxiu">
	<div class="public-jianxi"></div>
	<div class="sell_add">
		<a href="20.3.1daikexiadan_goods.html" id="jiarushangping">加入商品</a>
	</div>
</div>
<div class="dingdan_title">收货信息</div>
<!--无地址-->
<!--<div class="daike_dizhi">
	<a href="../11.2.3dizhi.html">
		<h6>填写收货地址</h6>
		<p>完善客户的收货地址信息，才能生成订单</p>
	</a>
</div>-->
<!--有地址-->
<div id="dizhi"></div>

<div class="public-jianxi"></div>
<div class="daike_xinxi">
	<ul>
		<li>商品数量<em id="jianshu">共0件</em></li>
		<li>
			<a href="javascript:void(0);" class="zhiweifabu01">配送<em class="xingbie">请选择</em></a>
			<div class="payment_time_mask payment_time_mask01">
                <div class="pay_ttl">
                    <h4>选择物流 <span class="fr" style="padding-right: 10px;">取消</span></h4>
                   
                </div>
                <ul>
                    <li id="2">快递</li>
                    <li id="3">物流到付</li>
                    <li id="1">包邮</li>
                </ul>
            </div>
		</li>
		<input type="hidden" id="oderzongmingxi">
		<li>商品总价<em id="zhongjia">&yen;0</em><input type="text" value="0" id="zhongjias" style="display: none;"/></li>
		<li>合计：<span id="jiayunfei">&yen;0.00</span><i class="P-price" onclick="xiugai()">修改价格</i></li>
	</ul>
</div>

<div class="mid-width">
	<input type="button" onclick="shengchengdingdan()" value="生成订单" class="p_button" />
</div>
<div class="public-jianxi"></div>
<div id="bg"></div>     

<!--弹窗-->


<div class="show2 sell-xiugai1" style="display: none;">
	<h5>修改价格</h5>
	<h6><em></em></h6>
	<ul>
		<li class="clearfix">
			<label>金额(元)</label>
			<input type="number" id="shangping" />
		</li>
		<li class="clearfix">
			<label>运费(元)</label>
			<input type="number"  id="yunfei" />
		</li>
	</ul>
	<div class="show2_anniu clearfix">
		<span onclick="quxiaoxiugaiss()">取消修改</span>
		<span onclick="xiugaijiage()">确认修改</span>
	</div>
</div>


<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
	
	function quxiaoxiugaiss(){
		   
		    $(".sell-xiugai1").hide();
        $("#mask").remove();
		   
	}
	
    // 取消订单
    // 弹出
    $(".P-price").on('click',function(){
        $("body").append("<div id='mask'></div>");
        $(".sell-xiugai1").show();
    })
    //点击关闭
    $(".Daike_show_close").on('click',function(){
        $(".sell-xiugai1").hide();
        $("#mask").remove();
    }) 
    
    //
    //弹窗
    $(function () {
	    $(".zhiweifabu01 em").click(function () {
	        $("#bg").css({
	            display: "block", height: $(document).height()
	        });
	        var $box = $('.payment_time_mask01');
	        $box.css({
	            display: "block",
	        });
	        $(".zhaopin_zpzw_em1").css("color","#04a6e9");
	        $(".zhiweifabu01 i").addClass("up");
	    });
	    //点击关闭按钮的时候，遮罩层关闭
	    $(".payment_time_mask01 li").on('click',function () {
	        $("#bg,.payment_time_mask01").css("display", "none");
	        $(".zhiweifabu01 em").text($(this).html());
	        $(".zhaopin_zpzw_em1").css("color","#04a6e9");
	        $(".zhiweifabu01 i").removeClass("up").addClass("down");
	    });
	});
    $(".pay_ttl span").on('click',function () {
        $("#bg,.payment_time_mask").css("display", "none");
    });
    
    
    
</script>




</body>
</html>